/* 整体容器 */
.login-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background-color: #fff;
}

/* 内容区域 */
.auth-content {
  flex: 1;
  padding: 60rpx 50rpx 40rpx;
}

/* 标题样式 - 与首页大标题一致 */
.big-title {
  text-align: center;
  font-size: 48rpx;
  font-weight: bold;
  color: #000;
  margin-bottom: 60rpx;
}

/* 输入框组 */
.input-group {
  position: relative;
  margin-bottom: 40rpx;
}

.auth-input {
  height: 100rpx;
  padding: 0 100rpx 0 40rpx;
  border-radius: 50rpx;
  background: #f5f7fa;
  border: 1rpx solid #e4e7ed;
  font-size: 32rpx;
}

.placeholder {
  color: #c0c4cc;
  font-size: 32rpx;
}

.input-icon {
  position: absolute;
  right: 40rpx;
  top: 50%;
  transform: translateY(-50%);
  width: 40rpx;
  height: 40rpx;
}

/* 按钮样式 - 与首页按钮一致 */
.auth-btn-box {
  display: flex;
  justify-content: center;
  margin: 60rpx 0 40rpx;
}

.auth-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100rpx;
  background-color: #034481;
  border-radius: 50rpx;
  color: #fff;
  font-size: 36rpx;
  font-weight: 500;
}

.icon-mony {
  width: 40rpx;
  height: 40rpx;
  margin-right: 15rpx;
}

/* 切换链接 */
.auth-switch {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 30rpx 0;
}

.switch-tip {
  color: #606266;
  font-size: 28rpx;
}

.switch-link {
  color: #034481;
  font-size: 28rpx;
  font-weight: 500;
  margin-left: 15rpx;
  text-decoration: underline;
}

/* 社交登录 */
.social-login {
  margin-top: 80rpx;
}

.divider {
  display: flex;
  align-items: center;
  margin-bottom: 50rpx;
}

.divider-line {
  flex: 1;
  height: 1rpx;
  background-color: #dcdfe6;
}

.divider-text {
  padding: 0 30rpx;
  color: #909399;
  font-size: 28rpx;
}


